<!DOCTYPE html>
<html lang="en">
	<head>
	  <link rel="stylesheet" type="text/css" href="css/bootstrap.css" />
	  <link rel="stylesheet" type="text/css" href="css/twit.css" />
	</head>
	<body>
		<div class="container">
			<div class="navbar navbar-fixed-top">
				<div class="navbar-inner">
					<div class="container">
                        <a class="brand" href="index.html">База дуалов</a>
						<div class="nav-collapse">
							<ul class="nav">
							  <li class="active"><a href="#">Главная</a></li>
							  <li><a href="#about">О проекте</a></li>
							  <li><a href="#contact">Тест</a></li>
							</ul>
						</div>
					</div>
				</div>
			</div>
			<div class="row">
				<div class="span8">
					<div class="alert alert-error">
					  Вы еще не прошли 1 тест. <a class="btn btn-info btn-small" href="test.html">Пройти сейчас</a>
					</div>
					<div class="well well-small">
						<ul class="nav nav-tabs" id="myTab">
						  <li class="active"><a href="#home">Мой профиль</a></li>
						  <li><a href="test.html">Тесты</a></li>
						  <li><a href="messages.html">Сообщения</a></li>
						  <li><a href="#settings">Настройки</a></li>
						</ul>

						<div class="tab-content">
							<div class="tab-pane active" id="home">
								<div style="width: 210px; float: left; margin-right: 10px;">
									<a class="thumbnail">
										<img src="img/strykalo.jpg" />
									</a>
								</div>
								<div style="float: left;">
									<dl class="dl-horizontal">
										<dt>Имя</dt>
										<dd>Валентин</dd>

										<dt>Фамилия</dt>
										<dd>Стрыкало</dd>

										<dt>Дата рождения</dt>
										<dd>30 февраля 1999</dd>

										<dt>Пол</dt>
										<dd>мужской</dd>

										<dt>Семейный статус</dt>
										<dd>не женат</dd>

										<dt>ТИМ</dt>
										<dd>Дюма <span title="ИСИ" rel="tooltip" class="ttip icon-info-sign"></span></dd>

										<dt>Город</dt>
										<dd>Днепропетровск</dd>

										<dt>Страна</dt>
										<dd>Украина</dd>
									</dl>
								</div>
							</div>
						</div>
						<div style="clear: both"></div>
					</div>
				</div>
				<div class="span4">
					<div class="well">
						<h2>Новые пользователи</h2>
						<div>
							<ul class="thumbnails">
							  <li class="span1">
							    <a href="#" class="thumbnail" rel="tooltip" title="Валентина">
							      <img src="img/valya.jpg" alt="">
							    </a>
							  </li>
							  <li class="span1">
							    <a href="#" class="thumbnail" rel="tooltip" title="Валентина">
							      <img src="http://placehold.it/70x70" alt="">
							    </a>
							  </li>
							  <li class="span1">
							    <a href="#" class="thumbnail" rel="tooltip" title="Валентина">
							      <img src="http://placehold.it/70x70" alt="">
							    </a>
							  </li>
							  <li class="span1">
							    <a href="#" class="thumbnail" rel="tooltip" title="Валентина">
							      <img src="img/valya2.jpg" alt="">
							    </a>
							  </li>
							  <li class="span1">
							    <a href="#" class="thumbnail" rel="tooltip" title="Валентина">
							      <img src="http://placehold.it/70x70" alt="">
							    </a>
							  </li>
							  <li class="span1">
							    <a href="#" class="thumbnail" rel="tooltip" title="Арсений">
							      <img src="img/arsen.jpg" alt="">
							    </a>
							  </li>
							</ul>
						</div>
					</div>
				</div>
			</div>
		</div>
		<script type="text/javascript" src="js/jquery.js"></script>
		<script type="text/javascript" src="js/bootstrap.min.js"></script>
		<script type="text/javascript">
			$('a, .ttip').tooltip({placement: 'top'});
		</script>
	</body>
</html>